<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
  <h1>用户登录</h1>
  用户名：<input name="userName" type="text" id="userName"><br>
  密码：<input name="password" type="password" id="password"><br>
  <input type="button" value="登录" onclick="login()">
  
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  <script>
  //url:user/login
  //参数:userName用户名, passWord密码
  //返回结果 true / false  密码正确或失败
    function login() {
      $.ajax({
        url:"/user/login",
        type:"post",
        data:{
        //  形参       参数赋值
        userName:$("#userName").val(),
        passWord:$("#password").val()
        },
        //http响应成功
        success:function(result){
            if(result == true){
              //页面跳转
              location.href = "index.html";
            }else{
              alert("密码错误");
            }
        }
      });
    }
  </script>
</body>

</html>